#{extends 'frameHome.html' /} #{set title:'Home' /} #{set 'moreStyles'}

<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/css3buttons.css'}">
#{/set}

<script type="text/javascript">
	$(document).ready(
			function() {
				$('.left, .content input, .content textarea, .content select')
						.focus(function() {
							$(this).parents('.row').addClass("over");
						}).blur(function() {
							$(this).parents('.row').removeClass("over");
						});
			});
</script>

<div id=right>

	<script type="text/javascript">
		function createTarget(t) {
			window.open("", t, "width=600,height=550");
			return true;
		}
	</script>



	<form name=Post
		action="@{PostingIdea.addIdeaToOrganization(organization.id)}"
		method="POST">

		<div class="content">
			<div class="row">
				<div class="left">Title*</div>
				<div class="right">
					<input type="text" name="Title" size='27' required>
				</div>
				<div class="clear"></div>
			</div>
			<div class="row">
				<div class="left">Body*</div>
				<div class="right">
					<textarea rows="10" cols="25" name="Body" required></textarea>
				</div>
				<div class="clear"></div>
			</div>


			<input type="submit" name="Post" value="Post Idea to Organization"
				class="primary button" /> <input type="submit" name="save"
				formaction='@{DraftController.saveIdeaAsDraft()}'
				value="Save to Drafts" />
	</form>





	<p>*All Fields are Requireds</p>

</div>
